<!DOCTYPE html>
<html>
<head lang="cn">
    <meta charset="UTF-8">
    <link href="css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="css/com.css" type="text/css" rel="stylesheet">
    <link href="css/banner.css" type="text/css" rel="stylesheet">
    <title>重庆名优水产网</title>
</head>
<body>
    <div class="header clearfix">
        <div class="header-left">
            <img src="image/logo.png">
        </div>
        <div class="header-main">
            <form class="form-inline" id="search-form">
                <div class="input-group">
                    <label class="sr-only" for="search">搜索</label>
                    <span class="vio-icon"></span>
                    <input class="form-control" id="search">
                    <span class="input-group-addon add-bg"><img src="image/search-icon.png"></span>
                </div>
            </form>
        </div>
        <div class="header-right">
            <ul class="list-inline">
                <li class="list-1"><a href=""></a></li>
                <li class="list-2"><a href=""></a></li>
                <li class="list-3"><a href=""></a></li>
                <li class="list-4"><a href=""></a></li>
            </ul>
            <div class="login-btn"><a href="javascript:void(0)" class="login">登录</a></div>
        </div>
    </div>
    <div class="navigation">
        <ul class="list-inline">
            <li><a href="/">首页</a></li>
            <li><a href="./webpage/pages/docPage.html">渔业动态</a></li>
            <li><a href="./webpage/pages/docWithPic.html">联盟会员</a></li>
            <li><a href="">专家库</a></li>
            <li><a href="">在线学习</a></li>
            <li><a href="">水产科技</a></li>
            <li><a href="">培训鉴定</a></li>
            <li><a href="">渔文化</a></li>
            <li><a href="">水产致富</a></li>
            <li><a href="">求购信息</a></li>
            <li><a href="">资料下载</a></li>
        </ul>
    </div>
    <div class="ad-box">
        <img src="image/ad-ex.jpg">
    </div>
    <div class="main-content">
        <div class="content clearfix">
            <div class="main-part">
                <div class="banner">
                    <div class="banner-list">
                        <div class="banner-list-item active">
                            <img src="image/ex.jpg">
                        </div>
                        <div class="banner-list-item">
                            <img src="image/test.jpg">
                        </div>
                        <div class="banner-list-item">
                            <img src="image/ex.jpg">
                        </div>
                        <div class="banner-list-item">
                            <img src="image/test.jpg">
                        </div>
                        <div class="banner-list-item">
                            <img src="image/ex.jpg">
                        </div>
                        <div class="banner-list-item">
                            <img src="image/test.jpg">
                        </div>
                        <div class="banner-move">
                            <a class="banner-pre"></a>
                            <a class="banner-next"></a>
                        </div>
                    </div>
                    <ul class="banner-control">
                        <li class="active"><a></a></li>
                        <li><a></a></li>
                        <li><a></a></li>
                        <li><a></a></li>
                        <li><a></a></li>
                        <li><a></a></li>
                    </ul>
                </div>
                <div class="main-part-bottom">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs nav-justified tab-style" role="tablist">
                        <li role="presentation" class="active"><a href="#1" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                        <li role="presentation"><a href="#2" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="1">
                            <ul class="list-group list-group-style f-sm-size">
                                <li class="list-group-item"><a href="#" >什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#" >什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#" >什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#" >什么和神的什么口难忘</a></li>
                            </ul>
                            <ul class="list-group list-group-style ul-add-b-t ul-add-p-t">
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="2">
                            <ul class="list-group list-group-style">
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                            <ul class="list-group list-group-style ul-add-b-t ul-add-p-t">
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-part">
                <div>
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs nav-justified tab-style" role="tablist">
                        <li role="presentation" class="active"><a href="#3" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                        <li role="presentation"><a href="#4" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="3">
                            <ul class="list-group list-group-style">
                                <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                            <ul class="list-group list-group-style mrg-add-f-h ">
                                <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                            <ul class="list-group list-group-style mrg-add-f-h ">
                                <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口什么和神的什么口难忘难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么什么和神的什么口难忘口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口什么和神的什么口难忘难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口什么和神的什么口难忘难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口什么和神的什么口难忘难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口什么和神的什么口难忘难忘</a></li>
                            </ul>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="4">
                            <ul class="list-group list-group-style">
                                <li class="list-group-item"><a href="#">什么和神的什么口什么和神的什么口难忘难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口什么和神的什么口难忘难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                            <ul class="list-group list-group-style mrg-add-f-h">
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                            <ul class="list-group list-group-style mrg-add-f-h">
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-part">
                <div class="list-box">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs nav-justified tab-style" role="tablist">
                        <li role="presentation" class="active"><a href="#5" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                        <li role="presentation"><a href="#6" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="5">
                            <ul class="list-group list-group-style">
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="6">
                            <ul class="list-group list-group-style">
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                        </div>
                    </div>

                </div>
                <div class="img-box">
                    <a href="#"><img src="image/ad-1.jpg"></a>
                </div>
                <div class="img-box">
                    <a href="#"><img src="image/ad-2.jpg"></a>
                </div>
            </div>
        </div>
        <!--滚动广告部分-->
        <div class="scroll-list">
            <ul class="nav nav-tabs nav-justified tab-style" role="tablist">
                <li role="presentation" class="active list-11"><a href="#l-1" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                <li role="presentation" class="list-11"><a href="#l-2" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                <li role="presentation" class="list-11"><a href="#l-3" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                <li role="presentation" class="list-11"><a href="#l-4" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                <li role="presentation" class="list-11"><a href="#l-5" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                <li role="presentation" class="list-11"><a href="#l-6" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                <li role="presentation" class="list-11"><a href="#l-7" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                <li role="presentation" class="list-11"><a href="#l-8" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                <li role="presentation" class="list-11"><a href="#l-9" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                <li role="presentation" class="list-11"><a href="#l-10" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                <li role="presentation" class="list-11"><a href="#l-11" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
            </ul>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active list-ad" id="l-1">
                    <ul class="ad-list clearfix">
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                    </ul>
                </div>
                <div role="tabpanel" class="tab-pane list-ad"  id="l-2">
                    <ul class="ad-list clearfix">
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                        <li class=""><a href="#"><img src="image/ad-list.jpg"></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="wc-box">
            <h4>扫描二维码</h4>
            <img src="image/wc.png">
        </div>
        <div class="main-bottom clearfix">
            <div class="main-part">
                <div class="main-bottom-l clearfix">
                    <ul class="nav nav-tabs nav-justified tab-style" role="tablist">
                        <li role="presentation" class="active"><a href="#m-b-l-1" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                        <li role="presentation"><a href="#m-b-l-2" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                    </ul>
                        <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="m-b-l-1">
                            <div class="m-l">
                                <a><img src="image/lady-ex.jpg" alt="某女星图片"></a>
                                <p><a href="#">女星因胸部太大惹麻烦</a></p>
                            </div>
                            <div class="m-r">
                                <ul class="list-group list-group-style">
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                </ul>
                            </div>
                            <div class="m-b">
                                <ul class="list-group list-group-style ul-add-b-t ul-add-p-t">
                                    <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                </ul>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="m-b-l-2">
                            <div class="m-l">
                                <a><img src="image/lady-ex.jpg" alt="某女星图片"></a>
                                <p><a href="#">女星因胸部太大惹麻烦</a></p>
                            </div>
                            <div class="m-r">
                                <ul class="list-group list-group-style">
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                </ul>
                            </div>
                            <div class="m-b">
                                <ul class="list-group list-group-style ul-add-b-t ul-add-p-t">
                                    <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="main-part">
                <div class="main-bottom-m">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs nav-justified tab-style" role="tablist">
                        <li role="presentation" class="active list-3"><a href="#m-b-m-1" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                        <li role="presentation" class="list-3"><a href="#m-b-m-2" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                        <li role="presentation" class="list-3"><a href="#m-b-m-3" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="m-b-m-1">
                            <div class="m-l">
                                <a><img src="image/lady-ex.jpg" alt="某女星图片"></a>
                                <p><a href="#">女星因胸部太大惹麻烦</a></p>
                            </div>
                            <div class="m-r">
                                <ul class="list-group list-group-style">
                                    <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                </ul>
                            </div>
                            <div class="m-b">
                                <ul class="list-group list-group-style ul-add-b-t ul-add-p-t">
                                    <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                </ul>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="m-b-m-2">
                            <div class="m-l">
                                <a><img src="image/lady-ex.jpg" alt="某女星图片"></a>
                                <p><a href="#">女星因胸部太大惹麻烦</a></p>
                            </div>
                            <div class="m-r">
                                <ul class="list-group list-group-style">
                                    <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                </ul>
                            </div>
                            <div class="m-b">
                                <ul class="list-group list-group-style ul-add-b-t ul-add-p-t">
                                    <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                </ul>
                            </div>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="m-b-m-3">
                            <div class="m-l">
                                <a><img src="image/lady-ex.jpg" alt="某女星图片"></a>
                                <p><a href="#">女星因胸部太大惹麻烦</a></p>
                            </div>
                            <div class="m-r">
                                <ul class="list-group list-group-style">
                                    <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                </ul>
                            </div>
                            <div class="m-b">
                                <ul class="list-group list-group-style ul-add-b-t ul-add-p-t">
                                    <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                    <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-part">
            <div class="main-bottom-r">
                <div class="list-box">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs nav-justified tab-style" role="tablist">
                        <li role="presentation" class="active list-3"><a href="#m-b-r-1" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
                        <li role="presentation" class="list-3"><a href="#m-b-r-2" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                        <li role="presentation" class="list-3"><a href="#m-b-r-3" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
                    </ul>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="m-b-r-1">
                            <ul class="list-group list-group-style mrg-b-add">
                                <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="m-b-r-2">
                            <ul class="list-group list-group-style">
                                <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="m-b-r-3">
                            <ul class="list-group list-group-style">
                                <li class="list-group-item big-size"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                                <li class="list-group-item"><a href="#">什么和神的什么口难忘</a></li>
                            </ul>
                        </div>

                    </div>
                </div>
                <a class="link" href="#">在线学习</a>
                <a class="link" href="#">水产专家库</a>
            </div>
        </div>
        </div>
    </div>
    <div class="ad-box">
        <img src="image/ad-ex-2.jpg">
    </div>
    <div class="main-content">
        <ul class="nav nav-tabs tab-style cp-list" role="tablist">
            <li role="presentation" class="active "><a href="#cp-info" aria-controls="home" role="tab" data-toggle="tab">供应信息</a></li>
            <li role="presentation" class=""><a href="#cp-lc" aria-controls="profile" role="tab" data-toggle="tab">求购信息</a></li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="cp-info">
                <div class="content">
                    <ul class="text-auto">
                        <li>
                            <h2>重庆娱乐园水产养殖公司</h2>
                            <p>庆市三峡生态渔业发展有限公司注册资金3050
                                万元，拥有资产总额9000万元，系重庆市农业投资集
                                团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                            <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                        </li>
                        <li>
                            <h2>重庆娱乐园水产养殖公司</h2>
                            <p>庆市三峡生态渔业发展有限公司注册资金3050
                                万元，拥有资产总额9000万元，系重庆市农业投资集
                                团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                            <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                        </li>
                        <li>
                            <h2>重庆娱乐园水产养殖公司</h2>
                            <p>庆市三峡生态渔业发展有限公司注册资金3050
                                万元，拥有资产总额9000万元，系重庆市农业投资集
                                团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                            <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                        </li>
                        <li>
                            <h2>重庆娱乐园水产养殖公司</h2>
                            <p>庆市三峡生态渔业发展有限公司注册资金3050
                                万元，拥有资产总额9000万元，系重庆市农业投资集
                                团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                            <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                        </li>
                        <li>
                            <h2>重庆娱乐园水产养殖公司</h2>
                            <p>庆市三峡生态渔业发展有限公司注册资金3050
                                万元，拥有资产总额9000万元，系重庆市农业投资集
                                团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                            <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                        </li>
                        <li>
                            <h2>重庆娱乐园水产养殖公司</h2>
                            <p>庆市三峡生态渔业发展有限公司注册资金3050
                                万元，拥有资产总额9000万元，系重庆市农业投资集
                                团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                            <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                        </li>
                        <li>
                            <h2>重庆娱乐园水产养殖公司</h2>
                            <p>庆市三峡生态渔业发展有限公司注册资金3050
                                万元，拥有资产总额9000万元，系重庆市农业投资集
                                团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                            <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                        </li>
                        <li>
                            <h2>重庆娱乐园水产养殖公司</h2>
                            <p>庆市三峡生态渔业发展有限公司注册资金3050
                                万元，拥有资产总额9000万元，系重庆市农业投资集
                                团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                            <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                        </li>
                        <li>
                            <h2>重庆娱乐园水产养殖公司</h2>
                            <p>庆市三峡生态渔业发展有限公司注册资金3050
                                万元，拥有资产总额9000万元，系重庆市农业投资集
                                团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                            <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                        </li>
                    </ul>
                </div>
            </div>

            <div role="tabpanel" class="tab-pane active" id="cp-lc">
                <div class="content">
                        <ul class="text-auto">
                            <li>
                                <h2>重庆娱乐园水产养殖公司</h2>
                                <p>庆市三峡生态渔业发展有限公司注册资金3050
                                    万元，拥有资产总额9000万元，系重庆市农业投资集
                                    团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                                <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                            </li>
                            <li>
                                <h2>重庆娱乐园水产养殖公司</h2>
                                <p>庆市三峡生态渔业发展有限公司注册资金3050
                                    万元，拥有资产总额9000万元，系重庆市农业投资集
                                    团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                                <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                            </li>
                            <li>
                                <h2>重庆娱乐园水产养殖公司</h2>
                                <p>庆市三峡生态渔业发展有限公司注册资金3050
                                    万元，拥有资产总额9000万元，系重庆市农业投资集
                                    团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                                <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                            </li>
                            <li>
                                <h2>重庆娱乐园水产养殖公司</h2>
                                <p>庆市三峡生态渔业发展有限公司注册资金3050
                                    万元，拥有资产总额9000万元，系重庆市农业投资集
                                    团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                                <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                            </li>
                            <li>
                                <h2>重庆娱乐园水产养殖公司</h2>
                                <p>庆市三峡生态渔业发展有限公司注册资金3050
                                    万元，拥有资产总额9000万元，系重庆市农业投资集
                                    团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                                <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                            </li>
                            <li>
                                <h2>重庆娱乐园水产养殖公司</h2>
                                <p>庆市三峡生态渔业发展有限公司注册资金3050
                                    万元，拥有资产总额9000万元，系重庆市农业投资集
                                    团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                                <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                            </li>
                            <li>
                                <h2>重庆娱乐园水产养殖公司</h2>
                                <p>庆市三峡生态渔业发展有限公司注册资金3050
                                    万元，拥有资产总额9000万元，系重庆市农业投资集
                                    团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                                <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                            </li>
                            <li>
                                <h2>重庆娱乐园水产养殖公司</h2>
                                <p>庆市三峡生态渔业发展有限公司注册资金3050
                                    万元，拥有资产总额9000万元，系重庆市农业投资集
                                    团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                                <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                            </li>
                            <li>
                                <h2>重庆娱乐园水产养殖公司</h2>
                                <p>庆市三峡生态渔业发展有限公司注册资金3050
                                    万元，拥有资产总额9000万元，系重庆市农业投资集
                                    团有限公司控股(96.07﹪)、重庆市水产科学...</p>
                                <span>重庆市三峡生态渔业发展有限公司注册资。</span>
                            </li>
                        </ul>
                </div>
            </div>
        </div>

    </div>
    <div class="ad-box">
        <img src="image/ad-ex-3.jpg">
    </div>
    <div class="main-content">
        <ul class="nav nav-tabs tab-style cp-list" role="tablist">
            <li role="presentation" class="active "><a href="#link-list" aria-controls="home" role="tab" data-toggle="tab">友情链接</a></li>
        </ul>
        <div class="tab-pane active" id="link-list">
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="">重庆市水产学会</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="">重庆市水产学会</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">重庆市水产学会</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
            <a href="#">中国水产学会</a>
            <a href="#">西南大学水产系</a>
            <a href="#">西南大学</a>
        </div>
    </div>
    <div class="footer">
        <div class="footer-top"><img src="image/border-icon.jpg"></div>
        <div class="footer-main">
            <div class="footer-content">
                <div class="f-m-box">
                    <h2>重庆名优水产网</h2>
                    <ul>
                        <li><a href="#">公司简介</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">站点地图</a></li>
                    </ul>
                </div>
                <div class="f-m-box">
                    <h2>合作专区</h2>
                    <ul>
                        <li><a href="#">商务合作</a></li>
                        <li><a href="#">广告合作</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </div>
                <div class="f-m-box">
                    <h2>会员服务</h2>
                    <ul>
                        <li><a href="#">会员指南</a></li>
                        <li><a href="#">会员注册</a></li>
                        <li><a href="#">会员后台</a></li>
                    </ul>
                </div>
                <div class="f-m-box">
                    <h2>微信二维码</h2>
                    <div>
                        <img src="image/wc.png">
                    </div>
                </div>
                <div class="f-m-box">
                    <h2>官方微博</h2>
                    <p><a class="sina">新浪微博</a></p>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <p>备案/许可证号:渝ICP备 号 ICP经营许可证：渝B2-20120144</p>
            <p>Copyright © 1998 - 2014 Chongqing famous aquatic network. All Rights Reserved</p>
            <div class="bottom-link-list">
                <a><span class="b-icon b-list-1"></span><span>重庆网络警察报警平台</span></a>
                <a><span class="b-icon b-list-2"></span><span>不良信息举报中心</span></a>
                <a><span class="b-icon b-list-3"></span><span>中国文明网传播文明</span></a>
                <a><span class="b-icon b-list-4"></span><span>工商网监备案信息</span></a>
            </div>
        </div>
    </div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bannerControl.js"></script>
<script src="js/Marquee.js"></script>
<script src="js/layer.js"></script>
<script>

    $('#l-1').kxbdSuperMarquee({
        isMarquee:true,
        isEqual:true,
        scrollDelay:20,
        direction:'left'
    });
    $('#l-2').kxbdSuperMarquee({
        isMarquee:true,
        isEqual:true,
        scrollDelay:20,
        direction:'left'
    });

    $(".login").click(function () {
        layer.open({
            type: 2,
            title: '登录',
            maxmin: true,
            shadeClose: true, //点击遮罩关闭层
            area : ['400px' , '400px'],
            content: './webpage/login/login.html'
        });
    })
</script>
</body>
</html>